<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_gGy9k0',
'ZY_ZhangShaShiXiongJiuJiu_1',
'ZY_WangZhanShouYe_2',
'ZY_ChanPinZhanShi_3',
'ZY_GuanYuWoMen_4',
'ZY_QiYeWenHua_5',
'ZY_XinWenZhongXin_6',
'ZY_LianXiWoMen_7',
'img_$sT9U8',
'ZY_RangRenMenShengHuoGeng_9',
'ZY_QiYeWenHua_10',
'ompan_11',
'ZY_ZhangShaShiXiongJiuJiu_12',
'ZY_ChengXin_13',
'ZY_QiuZhenWuShiXin_14',
'ZY_ChengXin_15',
'ZY_QiuZhenWuShiXin_16',
'ZY_ChengXin_17',
'ZY_QiuZhenWuShiXin_18',
'ZY_ChengXin_19',
'ZY_QiuZhenWuShiXin_20',
'ZY_ZhangShaShiXiongJiuJiu_21'
"  ></cms:ads>
<!doctype html>
<html>
 <head>
  <title>${网页标题}</title>
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/jhzht/pc/css/swiper.min.css">
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/jhzht/pc/css/animate.css">
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/jhzht/pc/css/common.css">
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]--> 
  <style>.box{ padding: 60px 0; } .article{ text-align: center; font-size: 18px; line-height: 34px; } .list{ margin: 60px -20px; } .list .item{ width: 25%; padding: 0 20px; text-align: center; box-sizing: border-box; } .list .item .con{ height: 380px; padding: 0 20px; } .list .item:nth-child(2n+1) .con{ background:url('http://hwfile.jyymatrix.cc/jhzht/pc/images/culture1.png') no-repeat center; background-size: cover; } .list .item:nth-child(2n+2) .con{ background:url('http://hwfile.jyymatrix.cc/jhzht/pc/images/culture2.png') no-repeat center; background-size: cover; } .list .item:nth-child(2n+3) .con{ background:url('http://hwfile.jyymatrix.cc/jhzht/pc/images/culture3.png') no-repeat center; background-size: cover; } .list .item:nth-child(2n+4) .con{ background:url('http://hwfile.jyymatrix.cc/jhzht/pc/images/culture4.png') no-repeat center; background-size: cover; } .list .item .name{ color: #ffffff; font-size: 18px; margin-bottom: 12px; } .list .item .desc{ color: #ffffff; font-size: 16px; line-height: 26px; }</style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body>
 <jsp:include page="_top.jsp"></jsp:include>
 <div class="banner">
   <img src="${img_$sT9U8.adImg}" class="img zy" data-type="ad" data-id="${img_$sT9U8.adId}"> 
   <div class="txt animate__animated animate__fadeInUp zy" data-type="ad" data-id="${ZY_RangRenMenShengHuoGeng_9.adId}">
    ${ZY_RangRenMenShengHuoGeng_9.adTitle}
   </div> 
  </div> 
  <div class="box"> 
   <div class="container"> 
    <div class="flex align-center animate__animated animate__fadeInUp"> 
     <div class="title-line flex-1"></div> 
     <h3 class="title zy" data-type="ad" data-id="${ZY_QiYeWenHua_10.adId}">${ZY_QiYeWenHua_10.adTitle}</h3> 
     <div class="title-line flex-1"></div> 
    </div> 
    <h3 class="subtitle animate__animated animate__fadeInUp zy" data-type="ad" data-id="${ompan_11.adId}">${ompan_11.adTitle}</h3> 
    <p class="article animate__animated animate__fadeInUp zy" data-type="ad" data-id="${ZY_ZhangShaShiXiongJiuJiu_12.adId}">${ZY_ZhangShaShiXiongJiuJiu_12.adTitle}</p> 
    <div class="list flex flex-wrap animate__animated animate__fadeIn"> 
     <div class="item"> 
      <div class="con flex flex-column space-center"> 
       <h2 class="name zy" data-type="ad" data-id="${ZY_ChengXin_13.adId}">${ZY_ChengXin_13.adTitle}</h2> 
       <p class="desc zy" data-type="ad" data-id="${ZY_QiuZhenWuShiXin_14.adId}">${ZY_QiuZhenWuShiXin_14.adTitle}</p> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="con flex flex-column space-center"> 
       <h2 class="name zy" data-type="ad" data-id="${ZY_ChengXin_15.adId}">${ZY_ChengXin_15.adTitle}</h2> 
       <p class="desc zy" data-type="ad" data-id="${ZY_QiuZhenWuShiXin_16.adId}">${ZY_QiuZhenWuShiXin_16.adTitle}</p> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="con flex flex-column space-center"> 
       <h2 class="name zy" data-type="ad" data-id="${ZY_ChengXin_17.adId}">${ZY_ChengXin_17.adTitle}</h2> 
       <p class="desc zy" data-type="ad" data-id="${ZY_QiuZhenWuShiXin_18.adId}">${ZY_QiuZhenWuShiXin_18.adTitle}</p> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="con flex flex-column space-center"> 
       <h2 class="name zy" data-type="ad" data-id="${ZY_ChengXin_19.adId}">${ZY_ChengXin_19.adTitle}</h2> 
       <p class="desc zy" data-type="ad" data-id="${ZY_QiuZhenWuShiXin_20.adId}">${ZY_QiuZhenWuShiXin_20.adTitle}</p> 
      </div> 
     </div> 
    </div> 
    <p class="article animate__animated animate__fadeInUp zy" data-type="ad" data-id="${ZY_ZhangShaShiXiongJiuJiu_21.adId}">${ZY_ZhangShaShiXiongJiuJiu_21.adTitle}</p> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="http://hwfile.jyymatrix.cc/jhzht/pc/js/swiper.min.js"></script>
  <script>
        
    </script> 
 </body>
</html>